@import "../common/icons.less";
@import "../common/button.less";
@import "base.less";

.km-ios .km-button
{
    text-align: center;
    padding: .4em .8em;
    border-width: 0;
    border-bottom-width: @ios-border-width;
    border-bottom-style: solid;
}

.k-webkit .km-ios .km-back,
.k-safari .km-ios .km-back
{
    overflow: hidden;
    margin-left: -1em;
    padding-left: 2.1em;
    -webkit-mask-image: url("images/back.png");
    -webkit-mask-size: auto 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position-x: 1em;
}

.km-ios .km-back:after
{
    content: "\a0";
    display: none;
    position: absolute;
    left: 1em;
    top: 0;
    bottom: 0;
    width: 12px;
    background: url("");
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.k-webkit .km-ios .km-back:after,
.k-safari .km-ios .km-back:after
{
    display: block;
}

.k-webkit .km-ios.km-on-android .km-back,
.k-safari .km-ios.km-on-android .km-back
{
    -webkit-mask-image: none;
    padding-left: .8em;
    margin-left: 0;
}

.k-webkit .km-ios.km-on-android .km-back:after,
.k-safari .km-ios.km-on-android .km-back:after
{
    display: none;
}

.k-ff .km-ios .km-back
{
    overflow: hidden;
    margin-left: 0;
    padding-left: 1.4em;
    background-size: auto 100%;
    clip-path: ~"url('data:image/svg+xml;utf-8,<svg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox=%220 0 1 1%22><clipPath id=%22backbutton%22 clipPathUnits=%22objectBoundingBox%22><path fill=%22black%22 d=%22M8.7,1c0,0-8,0-8,0C0,1,0.2,1,0,0.5 C0.2-0,0,0,0.5,0H9V1z%22%2F><%2FclipPath><%2Fsvg>#backbutton')";
}

.k-ff .km-ios .km-back:after
{
    display: block;
    left: 0;
}

.km-ios .km-badge
{
    border-radius: 3em;
    .box-shadow(@ios-detail-shadow);
}

.km-ios .km-detail
{
    border-radius: 3em;
    .box-shadow(@ios-detail-shadow);
    border: 0;
}

